<!--
 * @文件名称：  vuexAction.vue
 * @包路径：   vuexAction
 * @版权所有： 北京数字医信科技有限公司 (C) 2020
 *
 * @文件描述:  vuexAction
 * @版本:       vuexAction
 * @作者        zhangshumiao
 * @创建时间    2020/5/20 17:37
 *
 * @修改记录： vuexAction
  -----------------------------------------------------------------------------------------------
   ----------- 时间      |   修改人    |     修改的方法       |         修改描述   ---------------
  -----------------------------------------------------------------------------------------------
-->
<template>
  <el-row>
    <p>{{count}}</p>
    <el-button @click="actionBtn">按钮</el-button>
  </el-row>
</template>

<script>
import {mapState} from 'Vuex'
export default {
  name: 'vuexAction',
  computed: {
    ...mapState(['count'])
  },
  methods: {
    actionBtn() {
      // 分发Action
      this.$store.dispatch('incrementAction', 10)
    }
  }
}
</script>

<style>

</style>

<!--
 Action 提交的是mutation, 而不是直接更改状态
 Action 是异步操作 Mutation是同步
-->
